/* ============================================ */
/* CSS for control sap.uxap/HierarchicalSelect  */
/* Base theme                                   */
/* ============================================ */

.sapUxAPHierarchicalSelect {
	width: 2rem;
	margin: 0;

	.sapMSltLabel {
		padding: 0 2.5rem 0 1rem;
	}

	.sapMSltIcon {
		width: 1.625rem;
		height: 1.625rem;
		line-height: 1.625rem;
		font-size: 1rem;
		padding: 0;
		border-radius: 0.125rem;
		position: absolute;
		top: 0.6875rem;

		&::before {
			width: 1.625rem;
			height: 1.625rem;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}

html.sap-desktop .sapUxAPHierarchicalSelect.sapMSlt:focus:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState) {
	outline: none;
}

.sapUiSizeCompact .sapUxAPHierarchicalSelect.sapMSlt {
	height: 2.5rem;
	margin-top: 0;
	margin-bottom: 0;
}

.sapUiSizeCompact .sapUxAPHierarchicalSelect .sapMSltIcon {
	top: 0.125rem;
}

/* select label */

.sapUxAPHierarchicalSelect,
.sapUxAPHierarchicalSelect .sapMSltLabel,
.sapUxAPHierarchicalSelect .sapMSltArrow {
	line-height: 3rem;
}

.sapUiSizeCompact .sapUxAPHierarchicalSelect,
.sapUiSizeCompact .sapUxAPHierarchicalSelect .sapMSltLabel,
.sapUiSizeCompact .sapUxAPHierarchicalSelect .sapMSltArrow {
	line-height: 2rem;
}

.sapUxAPHierarchicalSelect .sapMSltArrow,
.sapUiSizeCompact .sapUxAPHierarchicalSelect .sapMSltArrow {
	width: 2.5rem;
}

.sapMSltPicker .sapUxAPHierarchicalSelect.sapMSltBar::after {
	font-family: "SAP-icons";
	speak: none;
	content: "\e03e";
}

.sapUiSizeCompact .sapMSltPicker .sapUxAPHierarchicalSelect.sapMSltBar::after {
	line-height: 2rem;
}

/* OVERVIEW BUTTON */
.sapUiMedia-Std-Tablet .sapUxAPHierarchicalSelect.sapMSltIconOnly,
.sapUiMedia-Std-Desktop .sapUxAPHierarchicalSelect.sapMSltIconOnly,
html .sapUiContainer-Medium .sapUxAPHierarchicalSelect.sapMSltIconOnly,
html .sapUiContainer-Wide .sapUxAPHierarchicalSelect.sapMSltIconOnly {
	position: absolute;
	right: 0;
	top: 0;
	height: 3rem;
}

.sapUiMedia-Std-Desktop .sapUiSizeCompact .sapUxAPHierarchicalSelect.sapMSltIconOnly {
	height: 2rem;
}

/* inner list */

.sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem,
.sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem {
	height: auto;
	border-bottom: none;
}

.sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem,
.sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem {
	white-space: normal;
	line-height: normal;
	padding: 1rem 0.5rem 1rem 1rem;
}

.sapUiSizeCompact .sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem,
.sapUiSizeCompact .sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem {
	padding: 0.5rem;
}

.sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem {
	text-indent: 1.5rem;
}

.sapUxAPHierarchicalSelectUpperCase .sapMSltLabel,
.sapMSltPickerFirstLevelUpperCase .sapMInputBaseInner,
.sapMSltPickerFirstLevelUpperCase .sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem {
	text-transform: uppercase;
}

/* styling needed to achieve underline of the select label on phone */
.sapUiMedia-Std-Phone, .sap-phone, html .sapUiContainer-Narrow {
	.sapUxAPHierarchicalSelect .sapMSltLabel {
		position: relative;
		top: 0.05rem;
		display: inline;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0.8rem;
	}

	.sapMSlt.sapUxAPHierarchicalSelect {
		height: 3rem;
		border: none;
		padding-left: 1rem;
	}
}
